<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../jquery-1.7.2.min.js"></script>
    <script>
        $(function(){
//            btn.onclick = function(){
//
//            }
            $('input').click(function(){
                alert(1);
            })
//            $('#box').mouseover(function(){
//                $(this).css('background','blue');
//            })
//            $('#box').mouseout(function(){
//                $(this).css('background','yellow');
//            })

            $('#box').hover(function(){
                $(this).css('background','blue');
            },function(){
                $(this).css('background','yellow');
            })


        })
    </script>
    <style>
        #box{
            width: 100px;
            height:100px;
            background: red;
        }
    </style>
</head>
<body>
<input type="button" value="点击"/>
<div id="box">

</div>
</body>
</html>